import React, { Component } from 'react';

class App extends Component {

  state = {
    flag: true
  }


  render() {


    const str = this.state.flag ? <h1> 锄禾日当为 </h1> : <h1> 汗滴禾下土 </h1>

    return (
      <div>

        {str}
        <hr />
        {this.state.flag ? <h1> 锄禾日当为 </h1> : <h1> 汗滴禾下土 </h1>}
        <hr />

        {/* 当前面条件为真的时候显示后面的内容 */}
        {this.state.flag && <h1> 锄禾日当为 </h1>}
        <hr />

        {/* 当前面条件为假的时候显示后面的内容 */}
        {this.state.flag || <h1> 锄禾日当为 </h1>}

        <button onClick={()=>{

          this.setState({
            flag: !this.state.flag
          })
        }}>点击修改 flag</button>
      </div>
    );
  }
}

export default App;
